<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="bootstrap/3.3.4/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="bootstrap/3.3.4/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" type="text/css" th:href="@{css/reset.css}"/>
</head>

<body>
<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <span class="navbar-brand">SOFTEEM资源共享系统</span>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">所有资源</a></li>
                <li><a href="#">上传资源</a></li>
                <li><a href="#">我的资源</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container">
    <div class="btn-group btn-group-sm col-md-5">
        <button class="btn btn-info active">按上传时间</button>
        <button class="btn btn-info">按下载量</button>
        <button class="btn btn-info">按大小</button>
    </div>
    <form class="form-inline col-md-5 text-right col-md-offset-2">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="请输入需要查询关键字"/>
        </div>
        <button class="btn btn-primary">搜索</button>
    </form>
    <hr/>
    <table class="table table-striped table-hover">
        <tr>
            <th>序号</th>
            <th>资源名</th>
            <th>标签</th>
            <th>大小</th>
            <th>上传时间</th>
            <th>提供者</th>
            <th>需要积分</th>
            <th>下载量</th>
            <th>操作</th>
        </tr>
    <div id="list1">
        <tr th:each="lists : ${list}">
            <td>[[${lists.id}]]</td>
            <td>[[${lists.zyName}]]</td>
            <td>[[${lists.bq}]]</td>
            <td>[[${lists.size}]]</td>
            <td>[[${lists.date}]]</td>
            <td>[[${lists.Name}]]</td>
            <td>[[${lists.jf}]]</td>
            <td>[[${lists.xzl}]]</td>
            <td>
                <a href="#">详情</a>
                <a href="#">删除</a>
            </td>
        </tr>
    </div>

    </table>

    <nav class="text-center">
        <ul class="pagination">
            <li class="disabled">
                <a href="#">
                    <span>&laquo;</span>
                </a>
            </li>
            <li th:each=“a,state:${list}"><a id="a">${state.index}}</a></li>
            <li><a id="b">2</a></li>
            <li><a id="c">3</a></li>
            <li>
                <a href="#">
                    <span>&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>
</div>


<script th:src="@{js/jquery-1.11.0.js}"></script>

<script>

    //     // var a = $("#a").html();
    // var a = 1;
    // var i= 2;
    //
    // $("#a").onclick(function (){
    //     $.port("test.html"),{},function(data){
    //
    //     }
    // })

</script>


</body>
</html>